.virtual-content-wrap {
  padding-bottom: 20px;
  .left-info {
    width: 35%;
    .ant-form-item {
      margin-bottom: 16px;
    }
    .del-btn {
      font-size: 16px;
      color: #b14124;
      padding: 0;
      margin-top: -16px;
      &:hover {
        color: rgba(255, 0, 0, 0.7) !important;
      }
    }
  }
  .item-name {
    margin-bottom: 16px;
    color: #333333;
    font-weight: 700;
    font-size: 14px;
  }
  .right-info {
    width: 60%;
    border-left: 1px solid #d9d9d9;
    padding-left: 16px;
    .slider-item {
      margin-bottom: 24px;
      .range-item {
        overflow: hidden;
        word-wrap: break-word;
        &.left{
          width: 6%;
          text-align: right;
        }
        &.right{
          text-align: left;
          width: 20%;
          .unit {
            color: #888888;
            margin-left: 4px;
          }
        }
      }
      .slider-name {
        width: 15%;
        text-align: right;
        color: #666666;
      }
      .slider-info{
        width: 80%;
        text-align: right;
        color: #666666;
      }
      .slider-bar {
        width: 100%;
        margin: 0 14px;
        position: relative;
      }
      .slider-bar-bg {
        width: 100%;
        height: 8px;
        border-radius: 4px;
        background-color: rgba(0, 0, 0, 0.06);
        overflow: hidden;
      }
      .percentage {
        background-color: #1754C5;
        width: 10%;
        height: 8px;
        border-radius: 4px;
      }
      .percentage-wrap {
        position: absolute;
        top: -28px;
        .num {
          color: #1754C5;
          font-weight: 600;
          font-size: 16px;
        }
        .rate {
          margin-left: 4px;
          color: #888888;
        }
      }
      .percentage-mark {
        position: absolute;
        top: -4px;
        width: 16px;
        height: 16px;
        background-color: #ffffff;
        border: 3px solid #BDC6D5;
        border-radius: 50% 50%;
      }
    }
  }
}